import classnames from 'classnames'

import NavBar from '../../../components/NavBar'
import Input from '../../../components/Input'
import Icon from '../../../components/Icon'

import styles from './index.module.scss'

const Chat = () => {
  return (
    <div className={styles.root}>
      <NavBar className="fixed-header">小智同学</NavBar>

      <div className="chat-list">
        <div
          className={classnames(
            'chat-item',
            'self' // user
          )}
        >
          <Icon type="iconbtn_xiaozhitongxue" />
          <div className="message">你好</div>
        </div>
      </div>

      <div className="input-footer">
        <Input className="no-border" placeholder="请描述您的问题" />
        <Icon type="iconbianji" />
      </div>
    </div>
  )
}

export default Chat
